// vue-router的新版本是需要导入新方法才可以实现

import { 
  createRouter, 
  createWebHashHistory,
  // createWebHistory,
  // ErrorHandler,
  RouteRecordRaw } from 'vue-router'
import demo1 from '../view/demo1.vue'
import demo2 from '../view/demo2/demo2.vue'
// import pagesMore from './more.ts'

const routerHistory = createWebHashHistory()
// const routerHistory = createWebHistory()

const routes: Array<RouteRecordRaw> = [
  {
      path: '/',
      component: demo1
  },
  {
      path: '/demo2',
      component: demo2
  },
  // pagesMore
]

// 使用createRouter创建路由器，它接受一个对象，我们希望传递routerHistory变量
const router = createRouter({
  // 在此之前，我们可以通过 mode:history 来实现从哈希模式切换到history模式，但是现在可以使用
  history: routerHistory,     // 两种路由：hash 和 history
  routes,
})

// router.beforeEach((guard) => {

// })
// router.onError((handler: ErrorHandler) => {

// })

// 最后，将路由导出
export default router

// 虽然仍然和vue2类似，但是通过这些更改，可以更好的支持typescript和进行优化